@import "../../less/var";
.list-box{
    background-color: #efefef;
    padding: 20rpx;
    .item{
        background-color: white;
        border-radius: 20rpx;
        margin-bottom: 20rpx;
        padding: 20rpx;
        // font-size: 0rpx;
        .info{
            @w:90rpx;
            display: flex;
            flex-flow: row nowrap;
            height: @w;
            overflow: hidden;
            width: 100%;
            padding-bottom: 10rpx;
            margin-bottom: 10rpx;
            border-bottom: 2rpx solid #cccccc;
            .user-img{
                width: @w;
                box-sizing: border-box;
                >image{
                    width: @w;
                    height: @w;
                    border-radius: 50%;
                }
            }
            .desc{
                width: 0rpx;
                flex-grow: 2;
                box-sizing: border-box;
                padding-left: 20rpx;
                box-sizing: border-box;
                view{
                    color: @secondary;
                    padding-top:8rpx;
                    font-size: 24rpx;
                    overflow: hidden;
                    white-space: nowrap;
                }
            }
            .type{
                height: @w;
                line-height: @w;
                text-align: center;
                font-size: 28rpx;
                color: @red;
                font-weight: bold;
                text-align: right;
                text{
                    // background-color: #dedede;
                    padding: 8rpx 12rpx;
                    box-sizing: border-box;
                }
            }
        }
        .product{
            width: 100%;
            &::after{
                content: "";
                display: block;
                clear: both;
                height: 0rpx;
            }
            .img{
                @h:50rpx;
                width: 50rpx * 3;
                height: 50rpx * 4;
                float: left;
                image{
                    width: 100%;
                    height: 100%;
                    background-color: #cccccc;
                    border: 1px solid #cccccc;
                    box-sizing: border-box;
                    border-radius: 20rpx;
                }
            }
            .detail{
                padding: 0rpx 20rpx;
                @h:50rpx;
                font-size: 24rpx;
                color: @gray-dark;
                text-indent: 60rpx;
                max-height: @h * 4;
                line-height: @h;
                white-space: normal;
                overflow: hidden;
            }
        }
    }
}

